import React, { FC } from 'react';

import { TemplateProjectExperience } from '../../../models/template-detail.types';
import { CommonHeadLine } from './CommonHeadLine';
import { InfoListWithSideTitle } from './InfoListWithSideTitle';

const COM_PREKEY = 'CommonProjectExperience';

interface CommonProjectExperienceProps extends TemplateProjectExperience {}

const CommonProjectExperience: FC<CommonProjectExperienceProps> = (props) => {
    return (
        <>
            <CommonHeadLine lineTexts={[props.name, props.role]} from={props.from} to={props.to} />
            <div className="work-content">
                <InfoListWithSideTitle title="内容" contents={[props.description]} />
                <InfoListWithSideTitle title="成就" contents={props.achievements} />
            </div>
        </>
    );
};

CommonProjectExperience.displayName = 'CommonProjectExperience';

export { CommonProjectExperience, CommonProjectExperienceProps };
